*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  color: $main-text-color;
}

//= 页面主体
.wrapper {
  width: 100%;
  min-width: 960px;
  height: 100%;
  overflow: hidden;
}

//= 页面加载效果
.loading {
  background: url(images/loading.gif) no-repeat center center !important;
}

//= 链接样式
a,
.lnk {
  color: $a-color;
}

a:hover,
.lnk:focus,
.lnk:hover {
  color: $a-hover-color;
}

.content-padded {
  padding: 10px;
}

.tag {
  padding: 3px 5px;
  font-size: 12px;
  line-height: 0;
  background: #cccccc;
  border-radius: 3px;
}

.tag-danger {
  color: #ffffff;
  background: $color-error;
}

.text-gray {
  color: #999999;
}

.text-danger {
  color: $color-error;
}

.text-success {
  color: $color-success;
}

.content-center {
  text-align: center;
}

.box {
  margin-bottom: 15px;
  background: #ffffff;
}

.box-header {
  padding: 15px;
}

.box-title {
  font-weight: 400;
}

.box-header.with-border {
  border-bottom: 1px solid $main-light-color;
}

.box-body {
  padding: 15px;
}

.no-data {
  padding: 20px;
  margin: 20px;
  color: #cccccc;
  text-align: center;
  background: #ffffff;
  border-radius: 5px;
}

/* header */
//= 后台头部区域
.header {
  position: relative;
  z-index: 1000;

  @include height($logo-height);

  @if $header-img-theme {
    background: url(images/#{$header-bg}) repeat-x;
  }

  @else {
    @include background($header-bg);
  }

  box-shadow: 0 3px 24px rgba(black, 0.05);

  a {
    color: $topbar-text-color;
    text-decoration: none;
  }

  // &:before {
  //   content: "";
  //   position: fixed;
  //   top: -8px;
  //   left: 0;
  //   width: 100%;
  //   height: 8px;

  //   @include box-shadow(0 0 8px rgba(160, 160, 160, 0.5));
  // }
}

//= 手形样式
.pointer {
  cursor: pointer;
}

//= 溢出隐藏
.over {
  overflow: hidden;
}

// .header-inner {@include clear(fix);}

/* 顶部工具栏与logo */
//= 顶部工具栏
.top-bar {
  @include padding($topbar-padding);

  display: table;
  width: 100%;
  overflow: hidden;
  color: $topbar-text-color;
  white-space: nowrap;

  .frt {
    @include topbar-css3;
  }

  .head-license {
    img {
      vertical-align: -3px;
    }
  }

  .head-user,
  .head-opts {
    a {
      color: $topbar-a-color;

      &:hover {
        @if $topbar-a-hover-color {
          color: $topbar-a-hover-color;
        }

        @include background($topbar-a-hover-bg);
      }
    }
  }

  .rpcnotify i {
    color: $f30;
  }

  .head-opts .num {
    font-size: 10px;
    font-style: normal;
    color: $gf;
  }
}

.head-nav {
  // padding: $nav-slide-padding;
  overflow: hidden;
  // clear: both;
  // display: block;

  a {
    &:hover {
      text-decoration: none;
    }
  }

  &-inner {
    float: left;
    padding-left: 10px;
  }
}

.head-user {
  display: table-cell;
  padding: 0 20px;
  font-size: 22px;
  color: $g6;
  vertical-align: middle;
  // border-left: 1px solid #efefef;

  .avatar {
    width: 25px;
    height: 25px;
    vertical-align: -6px;
  }

  .lnk {
    display: inline-block;
    // vertical-align: 2px;
    font-size: 14px;
    color: $g6;
    text-decoration: underline;
  }
}

.head-setting {
  display: table-cell;
  text-align: right;
  vertical-align: middle;

  a {
    display: inline-block;
    // position: relative;
    padding-right: 25px;
    // overflow: hidden;
    // line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }

  i,
  em {
    @include transition(all 0.3s ease);
  }

  i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: -3px;
    background: center no-repeat;
    background-size: cover;
  }

  @each $i in (app, desk, help, shop, support, trash) {
    .icon-#{$i} {
      background-image: url(images/nav/#{$i}.svg);
    }
  }

  em {
    // position: absolute;
    // right: 0;
    // bottom: -30px;
    // left: 0;
    // font-size: 12px;
    // color: #999999;
  }

  // &:hover i {
  //   @include transform(translateY(-8px));
  // }

  // &:hover em {
  //   @include transform(translateY(-35px));
  // }
}

/* --------------------
 * workground
-------------------- */

.side,
.workground,
.side-r {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0;
}

//= 侧边固定导航栏
.aside {
  float: left;
  width: $aside-width;
  background-color: $aside-bg;

  .logo {
    @include logo-box;
  }

  &-main {
    overflow-x: hidden;
    overflow-y: auto;
  }

  &-foot {
    // height: 50px;
    line-height: 50px;
    color: white;
    text-align: center;
    background-color: #007de6;

    a,
    a:hover,
    a:focus {
      color: white;
    }
  }
}

/* 侧边菜单 */
//= 侧边菜单
.nav {
  position: relative;

  ul {
    margin: $nav-margin;
  }

  li {
    &.setting {
      margin-top: 30px;
    }

    a {
      position: relative;
      display: block;
      padding: 10px;

      @include transition(all 0.5s ease);
      @include height($nav-height);

      @if $nav-img-theme {
        @include sliding($nav-bg);
      }

      @elseif $nav-bg {
        @include background($nav-bg);
      }

      // color: $nav-text-color;
      // cursor: pointer;
      // float: left;
      font-size: $nav-text-size;
      color: $nav-text-color;
      text-decoration: none;
      white-space: nowrap;

      &:hover {
        color: $nav-text-hover-color;
      }
    }

    i {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 2px;
      vertical-align: -5px;
      background: center no-repeat;
      background-size: cover;
    }

    @each $i in (chart, goods, market, mobile, order, set, site, sys, support, user, xhprof) {
      .menu-#{$i} {
        background-color: $nav-icon-color;
        mask-image: url(images/category/#{$i}.svg);
      }
    }

    &.current {
      a,
      a:hover {
        color: $nav-current-text-color;
        background-color: $nav-current-bg;
      }

      [class^="menu-"] {
        background-color: currentColor;
      }
    }

    span {
      @if $nav-img-theme == true {
        @include sliding($nav-rbg, $offsetX: 100%);
      }

      @else if $nav-rbg {
        @include background($nav-rbg);
      }
    }
  }
}

.sections {
  margin-left: $aside-width;
}

/* -- left sidebar -- */
//= 左边侧栏导航条
.side {
  z-index: 10;
  width: $side-width;
  overflow-y: auto;

  @include background($side-bg);

  box-shadow: inset -1px 0 15px rgba($g0, 0.08);

  // a {
  //   display: block;
  //   color: $side-text-color;
  //   text-decoration: none;
  // }

  &-inner {
    height: 100%;
  }

  &-content {
    // padding: 6px 0;
    // border-right: 1px solid $side-border;

    h2 {
      margin: 10px 0 3px;

      a {
        padding: 0 0 0 30px;
        font-size: 14px;
        font-weight: bold;
        color: #354952;
        text-align: left;
      }
    }
  }
}

//= 侧栏导航区块
.side-bx {
  // border-bottom: 1px solid $side-box-split-line;
  // border-top: 1px solid $gf;
  // margin: 0 6px;

  // &-bd {
  //   background: #2b3e51;
  // }

  // ul {
  //   padding: 5px 0 5px;
  // }

  a {
    display: block;
    padding: 15px 5px;
    font-size: 14px;
    line-height: 20px;
    color: $side-text-color;
    text-align: center;
    text-decoration: none;

    &:hover {
      @include background($side-hover-bg);

      color: $side-text-hover-color;
      text-decoration: none;
    }
  }

  .current,
  .current:hover {
    // @if $side-current-bg {
    //   @include background($side-current-bg);
    // }
    // line-height: 18px;
    color: $side-text-color;
    color: $side-current-text-color;
    background-color: $side-current-bg;

    // @include border($side-border, top bottom);
    box-shadow: 0 0 15px rgba($g0, 0.08);
  }

  .first .current {
    border-top: 0;
  }
}

//= 侧栏导航区块标题
.side-bx-title {
  &::after {
    display: table;
    height: 0;
    clear: both;
    content: "";
  }

  h3 {
    // display: inline-block;
    float: left;
    max-width: 130px;
    height: 36px;
    padding: 0 18px;
    font-size: $side-title-size;
    font-weight: normal;
    line-height: 36px;
    color: $side-title-color;
    cursor: pointer;

    @if $side-open-title {
      @if $side-img-theme == true {
        @include icon-bg($side-open-title);
      }

      @else {
        @include background($side-open-title);
      }
    }

    @include text-overflow($width: false);
  }

  i {
    float: right;
    margin: 8px 15px 0 0;
    font-size: 16px;
    color: #95a0a8;
  }
}

//= 侧栏导航区块折叠标题
.side-bx-toggled h3 {
  @if $side-img-theme == true {
    @if $side-close-title != false {
      @include icon-bg(unquote($side-close-title));
    }
  }

  @else {
    @if $side-close-title != false {
      @include background($side-close-title);
    }
  }
}

/* right sidebar */
//= 右边栏
.side-r {
  position: relative;
  padding: 10px;

  @include background($side-r-bg);
  @include border($side-r-border);

  box-shadow: 0 0 15px rgba($g0, 0.05);

  &-resize {
    position: absolute;
    top: 0;
    left: -6px;
    z-index: 60000;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    background: url(images/drag.svg) no-repeat 0 50%;
    background-size: 5px 13px;
    opacity: 0.5;

    &:hover {
      opacity: 1;
    }
  }

  &-resize-ing {
    @include background($side-r-resize-ing-bg);
  }

  &-title {
    color: $primary-text-color;
  }

  &-top {
    margin: -10px -10px 0;
    background-color: #7fbdf6;
  }

  &-head {
    select {
      margin-top: 10px;
    }
  }

  &-content {
    margin: 10px 0;
  }
}

/* main style */
//= 主内容区
#container {
  position: relative;
  overflow: hidden;
}

//= 主工作区
.workground {
  width: 100%;
  padding: 20px;
  overflow: hidden;

  &.dashboard {
    background-color: $main-bg-color;
  }
}

//= 主内容更新区域
.content-main {
  position: relative;
  height: 100%;
  overflow: auto;
}

//= 页脚操作区
.content-foot {
  position: relative;
  // top: 20px;
  z-index: 2;
  margin-right: -20px;
  margin-left: -20px;
  // height: $foot-height;
  font-size: 13px;
  // line-height: $foot-height;
  background-color: $foot-bg-color;

  .note {
    margin-bottom: 0;
    line-height: 30px;
  }

  .table-action {
    padding: 10px;
    margin-top: 0;
    // background-color: $gf;
    border: 0;
  }
}

.icon.icon-help {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: -3px;
  background:transparent url(images/nav/help.svg) center no-repeat;
  background-size: cover;
}

//= 信息内容区提示
.messager-main .notice-inline {
  display: block;
  margin-left: 0;
}

//= 错误提示
.notice-inline.error {
  padding-left: 20px;
  background-image: url(../../images/bundle/stop.gif);
  background-position: 2px center;
}

//= 信息提示图标
.notice-inline-icon {
  background: url(../../images/bundle/notice_inline.gif) no-repeat 0 0;
}

//= 错误提示图标
.error-icon {
  background: #fbe3e4 url(../../images/bundle/notice_inline.gif) no-repeat;
}

//= 管理文章切点图标
.icon-manage-handle {
  position: absolute;
  top: 8px;
  right: 5px;
  display: block;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -999em;
}

//= 主区域小标题
h5.head-title {
  padding: 5px 0;
  border-bottom: 1px solid $gd;
}

/* flow */

/* 控制面板admin panel */
//= 控制面板
.admin-panel {
  .group {
    width: 20%;
    padding: 5px;

    // margin: 5px;
    overflow: hidden;
    border-bottom: $e9 dotted 1px;

    .group-body {
      height: 100%;
      background: $gf;
      border-radius: 5px;
    }

    i {
      width: 90px;
      height: 90px;
      margin: 30px 0 20px 0;
      font-size: 46px;
      line-height: 90px;
      color: #ffffff;
      background: #e5e5e5;
      border-radius: 50%;
    }
  }

  .last {
    border: none;
  }

  .item {
    padding: 10px;
  }

  li {
    display: block;
    float: none;
    margin-top: 5px;
    margin-right: 0;
    overflow: visible;
    text-align: center;

    a {
      // float: left;
      // display: block;
      // line-height: 20px;
      // padding: 0 5px 0 5px;
      // border: 1px $gf solid;

      &:hover {
        @if $admin-panel-text-hover-bg != false {
          @include background($admin-panel-text-hover-bg);
        }

        color: $admin-panel-text-hover-color;
        text-decoration: none;
        border-radius: 3px;
      }

      padding: 5px 8px;

      @include transition(all 0.3s ease);
    }
  }

  h4 {
    margin: 0 0 10px;
    font-weight: 500;
  }
}

/* dashboard 桌面 */
//= 桌面挂件区
.widgets {
  .l-1,
  .l-2 {
    width: 50%;
    overflow: hidden;
  }

  .item {
    margin: 0 10px 10px 0;
  }

  .gridlist-head,
  .row {
    padding-left: 4px;
  }

  .gridlist-action {
    height: auto;
    padding: 0;
  }

  .last {
    border-bottom: 0 none;
  }

  .wcol {
    margin-bottom: 20px;
  }
}

.pop-data {
  width: 100%;
  padding: 30px 15px;
  background: #ffffff;

  .data-num {
    display: block;
    font-size: 24px;
    font-weight: 500;
  }

  > ul > li {
    float: left;
    width: 20%;
    text-align: center;

    a {
      color: #666666;
      text-decoration: none;

      @include transition(all 0.5s ease);
    }

    &:hover a {
      color: #4daee7;
    }
  }
}

.quick-entrance {
  float: left;
  width: 380px;

  > ul > li {
    display: table;
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;

    @include transition(all 0.5s ease);

    i {
      display: block;
      margin-bottom: 15px;
      font-size: 28px;
    }

    a {
      display: table-cell;
      color: #ffffff;
      text-decoration: none;
      vertical-align: middle;
    }
  }

  .loc-bg {
    &:nth-of-type(3n+1) {
      background: #4daee7;
    }

    &:nth-of-type(3n+2) {
      background: #60b3e8;
    }

    &:nth-of-type(3n+3) {
      background: #70bdec;
    }

    // &:nth-of-type(5n+4) {
    //   background: #82c3ed;
    // }

    // &:nth-of-type(5n+5) {
    //   background: #90cbf0;
    // }

    &:hover {
      background: #ffffff;

      a {
        color: #4daee7;
      }
    }
  }
}

.member-info {
  margin-left: 400px;
  // float: left;
  // width: 40%;
  background: #ffffff;

  .member-info-header {
    position: relative;
    height: 200px;
    background: url(../../images/background.jpg) no-repeat center -120px;
    background-size: cover;
  }

  .member-number {
    padding: 15px;
    color: #ffffff;
  }

  .member-info-avatar {
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    font-size: 38px;
    line-height: 1.9;
    color: #ffffff;
    text-align: center;
    background: url(../../images/background.jpg) no-repeat;
    background-size: cover;
    border: 5px solid #ffffff;
    border-radius: 50%;
  }

  .member-info-caption {
    height: 80px;
    margin-top: 40px;

    &:after {
      display: table;
      clear: both;
      content: "";
    }

    li {
      float: left;
      width: 33.33%;
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 14px;
      text-align: center;
    }
  }

  .member-last-login-time {
    height: 50px;
    line-height: 50px;
    color: #999999;
    text-align: center;
  }
}

.member-wealth {
  float: left;
  width: 60%;
  padding-left: 15px;

  .member-wealth-title {
    height: 42px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 44px;
    background: #e5e5e5;
  }

  .member-wealth-body {
    height: 248px;
    padding: 30px 50px;
    background: #ffffff;

    li {
      float: left;
      width: 50%;
      height: 60px;
      font-size: 14px;
      line-height: 60px;
      background: #ffffff;
    }
  }
}

.server-status {
  background: #ffffff;

  .server-status-title {
    height: 42px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 44px;
    background: #e5e5e5;
  }

  .server-status-body {
    padding: 15px;
    background: #ffffff;

    .server-status-item {
      float: left;
      width: 33.33%;
      padding: 10px;
    }
  }
}

//= 桌面挂件操作区
.dashbd-action {
  display: none;
  height: 25px;
  overflow: hidden;
  color: #425a78;
  background: url(images/#{$main-repeat-bg}) repeat-x 0 -800px;
  border-right: 1px solid #e3e8ec;
  border-left: 1px solid #d6dce4;
}

//= 桌面挂件内容区
.dashbd-bd {
  // background: $dashbd-bg;
}

//= 桌面挂件标题
.dashbd-head {
  @include background($dashbd-head-bg);
  line-height: $dashbd-head-height;
  margin-bottom: 5px;
  overflow: hidden;

  span {
    float: right;
    width: auto;
    padding: 6px 6px 0;
  }

  th,
  td {
    padding: 0 2px;
    text-align: left;
    background: url(images/#{$main-repeat-bg}) 0 -300px;
  }

  .dashbd-headl {
    // @include background($dashbd-title-bg);
    // @include height($dashbd-head-height, $dashbd-head-height - 3px);

    float: left;
    font-size: 14px;
    font-weight: bold;
    color: $dashbd-title-color;
  }
}

//= 桌面挂件列表项
.dashbd-list {
  height: auto;
  // color: #5b5b5b;
  border-collapse: collapse;
  border: 1px solid $dashbd-list-border-color;
  border-radius: 5px;
  background: white;

  .dashbd-figure {
    padding-left: 2px;
    color: $dashbd-figure-text-color;
  }

  .figure-zero a,
  .figure-zero a:hover {
    font-weight: normal;
    color: $dashbd-figure-zero-color;
  }

  .figure-zero .dashbd-figure {
    color: $dashbd-figure-zero-text-color;
  }
}

.dashbd-list-height {
  height: 267px;
  overflow-y: auto;
}

//= 桌面挂件列表条目
.dashbd-row {
  line-height: 30px;
  border-bottom: 1px solid $main-border-color;

  h4 {
    padding: 0 0 0 20px;
    margin: 0;
    font-size: $dashbd-list-title-size;
    font-weight: normal;
    color: $dashbd-list-title-color;
    line-height: 50px;
    border-bottom: 1px solid $main-border-color;
  }

  ul {
    padding: 5px;
  }
  li {
    float: left;
    margin: 0 10px;
  }

  table {
    width: 100%;
  }

  td {
    min-width: 80px;
    height: 50px;
    padding: 0;
    border-right: 1px solid $main-border-color;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;

    &:last-child {
      border-right: 0;
    }
  }
}

.dashbd-notice {
  width: 98%;
  height: 100px;
  padding: 4px 0 4px 3px;
  margin-bottom: 1em;
  color: #514721;
  background-color: $gf;
  border: 1px solid #d2dbe1;
}

.dashbd-notice-title {
  float: left;
  width: 14%;
  padding: 3px 14px 0 4px;
}

.dashbd-notice-title h4 {
  padding: 3px 0 3px 0;
  color: #4b5f87;
  text-align: center;
  background-color: #e2e5ec;
}

.dashbd-notice-info {
  float: left;
  width: 80%;
  color: #20749a;
}

.dashbd-notice-info ul {
  padding: 0;
  margin: 0;
}

.dashbd-notice-info li {
  line-height: 22px;
  white-space: nowrap;
  list-style: none;
  border-bottom: 1px solid #e3e8ec;
}

.dashbd-notice-statistics {
  float: left;
  width: 49%;
  font-weight: normal;
}

.dashbd-notice-statistics span {
  width: 45%;
  padding-right: 10px;
  color: $g3;

  @include inline-block;
}

/* app */
.appbox h5 {
  margin-top: 10px;
  margin-left: 10px;
}

.appbox .appName {
  margin-left: 10px;
  color: #264409;
}

.appbox div.loader {
  padding-left: 20px;
  color: #264409;
}

.appbox .csolinfo {
  float: left;
  width: 70%;
  margin-left: 20px;
}

.appbox .csol {
  float: right;
  width: 12%;
  margin-right: 20px;
}

.apptip {
  margin: 5px auto;
  overflow: auto;
  text-align: center;
}

.apptip .box {
  float: left;
  width: 120px;
  height: 18px;
  margin-bottom: 1em;
  margin-left: 2em;
  line-height: 18px;
  background: none repeat scroll 0 0 #e7eff5;
}

.apptip .loading {
  padding-right: 10px;
  text-indent: 30px;
  background: #e7eff5 url(images/load.gif) no-repeat 10px 5px !important;
}

.apptip .complete {
  color: #264409;
  background-color: #edffcf;
}

.apptip .error2 {
  color: #8a1f11;
  background-color: #fbe3e4;
}

/* analysis */
//= finder头部报表统计区
.top_extra .data-action {
  margin-bottom: 10px;

  .x-input {
    height: 35px;
  }
}

.top_extra .large {
  padding: 3px;
  margin-bottom: 10px;
  line-height: 120%;
  background: #e4e4e4;
}

.top_extra .large .ColColorOrange {
  padding-top: 1em;
  padding-bottom: 1em;
  border: 1px solid #c0bebf;
}

.top_extra .ColColorOrange .span-auto {
  background-position: 0 10px;
}

.top_extra .infobox {
  border: 1px solid #c0bebf;
}

.top_extra .span-auto {
  margin-left: 20px;
}

.top_extra .chart-items,
.top_extra .items {
  height: 100%;
}

//= 图表预览区
.chart-view h5 {
  margin-right: 5px;
  margin-bottom: 0;
  line-height: 38px;
}

//= 商品排行
.product-top {
  height: auto;
  overflow: hidden;
}

.product-top .items {
  padding-top: 8px;
  overflow: hidden;
  list-style: none;
}

.product-top .items img {
  width: 50px;
  height: 60px;
  border: 1px solid $gc;
}

.product-top .items li {
  width: 18%;
  margin-left: 2%;
}

.product-top .items em {
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: red;
}

.product-top .top-info {
  width: 50px;
}

.product-top .goods-info {
  width: 130px;
  margin-left: 10px;
}

.product-top .goods-info strong {
  font-size: 18px;
}

//= 销售排行
.sale-top .items {
  list-style: none;
}

.sale-top .items img {
  border: 1px solid $gc;

  @include rect(40px, 45px);
}

.sale-top .sort-items li {
  margin-top: 10px;
}

.sale-top .sort-items .goods-info {
  margin-left: 8px;
  font-size: 12px;
}

.sale-top .graph {
  height: 10px;
}

//= 店铺排行
.shopsale .span-auto {
  width: 120px;
  margin: 30px 10px;
}

.shopsale .span-auto span {
  display: block;
}

.shopsale .ColColorOrange {
  height: 200px;
  padding-left: 35px;
}

//参数:(13px, $scrollbar-corner-bg, $scrollbar-track-piece-bg, $scrollbar-radius, $scrollbar-resize-bg, $scrollbar-button-bg, 0 0, 0 -16px, 0 -32px, 0 -48px, -webkit-gradient(linear, 50% 50%, 100% 50%, from($scrollbar-thumb-bg-from), to($scrollbar-thumb-bg-to)), 0 0 1px $scrollbar-thumb-shadow-bg, -webkit-gradient(linear, 40% 50%, 100% 50%, from($scrollbar-thumb-bg-from), to($scrollbar-thumb-bg-to)), -webkit-gradient(linear, 50% 40%, 50% 100%, from($scrollbar-thumb-bg-from), to($scrollbar-thumb-bg-to)), -webkit-gradient(linear, 50% 50%, 50% 100%, from($scrollbar-thumb-bg-from), to($scrollbar-thumb-bg-to)));
@include webkit-scrollbar;

/* 评论申诉模块 */
.complain table {
  margin-bottom: 10px;
}

.complain th {
  width: 60px;
}

.complain .division h4 {
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px dashed #aaaaaa;
}

.thumb > li {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  line-height: 50px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #eaeaea;
}

.thumb > li img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
}

.complain-list > li {
  position: relative;
  padding: 10px;
  margin-bottom: 10px;
  margin-left: 40px;
  overflow: inherit;
  border: 1px solid #eaeaea;
}

.complain-list .item-status {
  position: absolute;
  top: 10px;
  left: -24px;
  z-index: 999;
  width: 10px;
  height: 10px;
  background: #cccccc;
  border-radius: 50%;
}

.complain-list .item-status.lastest {
  background: #059fd1;
}

.complain-item {
  padding: 10px;
  margin-bottom: 10px;
  background: #efefef;
  border: 1px solid #eaeaea;
  border-radius: 6px;
}

.complain-item.reject {
  margin-bottom: 0;
}

.complain-item.no-reject {
  margin-bottom: 0;
  color: #cccccc;
  background: none;
  border: none;
}

.complain-item .imgs-show {
  margin-top: 10px;
  color: #aaaaaa;
}

.reject-edit {
  padding-top: 10px;
  border-top: 1px dashed #aaaaaa;
}
